import React from "react";
import styled from "styled-components";

export default function App() {
    const StyledComponents = styled.div`
        background-color: yellow;
        ul {
            list-style: none;
            display: flex;
            justify-content: space-between;
            li:hover {
                background-color: red;
            }
        }
    `

    return <StyledComponents>
        <ul>
            <li>苹果</li>
            <li>香蕉</li>
            <li>桃子</li>
        </ul>
    </StyledComponents>
}